<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>我的豆豆</title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="renderer" content="webkit">
		<!-- 设置缩放 -->
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
		<!-- 可隐藏地址栏，仅针对IOS的Safari（注：IOS7.0版本以后，safari上已看不到效果） -->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<!-- 仅针对IOS的Safari顶端状态条的样式（可选default/black/black-translucent ） -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<!-- IOS中禁用将数字识别为电话号码/忽略Android平台中对邮箱地址的识别 -->
		<meta name="format-detection" content="telephone=no, email=no" />
		<!-- 启用360浏览器的极速模式(webkit) -->
		<meta name="renderer" content="webkit">
		<!-- 避免IE使用兼容模式 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 微软的老式浏览器 -->
		<meta name="MobileOptimized" content="320">
		<!-- uc强制竖屏 -->
		<meta name="screen-orientation" content="portrait">
		<!-- QQ强制竖屏 -->
		<meta name="x5-orientation" content="portrait">
		<!-- UC强制全屏 -->
		<meta name="full-screen" content="yes">
		<!-- QQ强制全屏 -->
		<meta name="x5-fullscreen" content="true">
		<!-- UC应用模式 -->
		<meta name="browsermode" content="application">
		<!-- QQ应用模式 -->
		<meta name="x5-page-mode" content="app">
		<!-- windows phone 点击无高光 -->
		<meta name="msapplication-tap-highlight" content="no">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="../assets/i/favicon.png">
		<link rel="stylesheet" href="../assets/css/amazeui.css" />
		<link rel="stylesheet" href="../css/comm.css" />
		<link rel="stylesheet" href="../css/myDoudou.css" />
		<link rel="stylesheet" href="../assets/css/webuploader.css">
		<style>
			.am-icon-md:before {
			    font-size: 100%;
			    vertical-align: 0%;
			}
		</style>
	</head>
	<body >
		<header data-am-widget="header" class="am-header am-header-default bg-48CFAE">
			<div class="am-header-left am-header-nav text-black padding-left05" id="goBackDivs">
				<a  href="javascript:history.go(-1)" class="text-black" id="goBackIcon">
				  	<i class="am-align-left am-margin-0 am-icon-angle-left am-icon-md text-black co-fff"></i>
				  </a> 
			</div>
			<h1 class="am-header-title teblack">我的豆豆</h1>
		</header>
	  <div class="content">
	  	 <div class="doudou-top">
	  	 	<div class="disNone">
	  	 		<button>规则 <i class="am-icon-angle-right"></i></button>
	  	 	</div>
	  	 	<div class="doudouCount">
	  	 		<p><img src="./../img/doudou.jpg" alt=""></p>
	  	 		<p><span id="doudouTotal"></span>豆豆</p>
	  	 	</div>
	  	 	<div class="thoughGz">
	  	 		<button onclick="window.location.href='doudouGZ.html'">规则 <i class="am-icon-angle-right"></i></button>
	  	 	</div>
	  	 </div>
		 <div data-am-widget="tabs" class="am-tabs am-tabs-d2 mama">
				<ul class="am-tabs-nav am-cf">
			        <li class="am-active"><a href="[data-tab-panel-0]">豆豆获取</a></li>
			        <li class=""><a href="[data-tab-panel-1]">豆豆明细</a></li>
			    </ul>
		      	<div class="am-tabs-bd">
		          	<div data-tab-panel-0 class="am-tab-panel am-active">
		          		  <div data-am-widget="list_news" class="am-list-news am-list-news-default" >
						  <!--列表标题-->
						   	<div class="am-list-news-hd am-cf am-margin-0 am-padding-0">
						       <!--带更多链接-->
						        <a href="###" class="">
						          <h2>新手任务</h2>
						        </a>
						    </div>
						  <div class="am-list-news-bd">
							  <ul class="am-list task-list">
							  	  <li>
							          <p>注册成功 </p>
							          <p>+50</p>
							      </li>
							      <li>
							          <p>上传头像 </p>
							          <p>+20</p>
							      </li>
							  </ul>
						  </div>
					 </div>
					 <hr class="am-margin-0">
					 <div data-am-widget="list_news" class="am-list-news am-list-news-default">
						  <!--列表标题-->
						    <div class="am-list-news-hd am-cf am-margin-0 am-padding-0">
						       <!--带更多链接-->
						        <a href="###" class="">
						          <h2>每日任务</h2>
						        </a>
						    </div>
						  <div class="am-list-news-bd">
							  <ul class="am-list task-list">
							      <li>
							          <p>点赞成功 </p>
							          <p>+5</p>
							      </li>
							      <li>
							          <p>签到 </p>
							          <p>+5</p>
							      </li>
							      <li>
							          <p>连续签到7天  </p>
							          <p>+50</p>
							      </li>
							  </ul>
						  </div>
					 </div>
				</div>
		          	<div data-tab-panel-1 class="am-tab-panel ">
		          		<ul class="am-list minxi-list"></ul>
					    <hr class="am-margin-0">
					    <div style="border-top: 1px solid gainsboro;" class="am-text-center more font14 colorb6bcce none am-padding-xs">
							<p>查看更多</p>
						</div>
					</div>
					
		        </div>
		 </div>
	  </div>
	  
	 	<div class="am-modal am-modal-loading am-modal-no-btn radius4" tabindex="-1" id="my-modal-loading" data-am-modal="{closeViaDimmer: 0}">
			  <div class="am-modal-dialog" style="border-radius: 4px;">
			    	<div class="am-modal-hd">加载中...</div>
				    <div class="am-modal-bd">
				      <span class="am-icon-spinner am-icon-spin"></span>
				    </div>
			  </div>
		</div>
		<script src="../assets/js/jquery.min.js"></script>
		<script src="../assets/js/jquery.cookie.js"></script>
		<script src="../assets/js/amazeui.min.js"></script>
		<script src="../assets/js/webuploader.js"></script>
		<script src="../js/ym.js"></script>
		<script src="../js/myDoudou.js"></script>
	</body>
</html>
